<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人中心</title>
<link type="text/css" rel="stylesheet" href="{$css_path}/css.css"/>
<link type="text/css" rel="stylesheet" href="{$css_path}/global.css"/>
<link rel="stylesheet" href="{$css_path}/powerFloat.css" type="text/css" />
</head>
<body>
{include file="header.html"}
<div id="wrapper">
  <div id="content">
    <div id="con_le"> {include file="user_nav.html"} 
    </div>
    <!--con_le over-->
    <div id="con_box">
      <div class="Current">{$position}</div>
      <div class="con_top"> {include file="user_common_detail.html"}
        <div class="clear"></div>
      </div>
      <div id="user_content"> {include file="message.html"}
        <form name="myform" action="{$site_url}user/base/contact" method="post" id="myform">
          <fieldset>
            <legend>联系方式</legend>
            <table width="100%" class="table_form">
             <tr id='tr_user'>
                <td colspan="2" align="center" style="text-align:center;color:#5cb3f5;font-size:15px;"> 友情提示：尽量多的完善联系方式,抓住一切商机！</td>
              </tr>
              <tr id='tr_user'>
                <th >E-mail：</th>
                <td> {$data.email} </td>
              </tr>
              <tr id='tr_user'>
                <th >QQ：</th>
                <td><input type='text' name='qq' id='qq' value='{$data.qq}' class='text small' /></td>
              </tr>
              <tr id='tr_user'>
                <th >MSN：</th>
                <td><input type='text' name='msn' id='msn' value='{$data.msn}' class='text small' /></td>
              </tr>
              <tr id='tr_user'>
                <th >旺旺：</th>
                <td><input type='text' name='alias' id='alias' value='{$data.alias}' class='text small' /></td>
              </tr>
              <tr id='tr_user'>
                <th >手机：</th>
                <td><input type='text' name='mobile_phone' id='mobile_phone' value='{$data.mobile_phone}' class='text small' /></td>
              </tr>
              <tr id='tr_user'>
                <th >办公电话：</th>
                <td><input type='text' name='office_phone' id='office_phone' value='{$data.office_phone}' class='text small' /></td>
              </tr>
              <tr id='tr_user'>
                <th >家庭电话：</th>
                <td><input type='text' name='home_phone' id='home_phone' value='{$data.home_phone}' class='text small' /></td>
              </tr>
              <tr align="center">
                <td colspan="2" style="text-align:center"><input type="submit" class="button-blue" value="提 交"></td>
              </tr>
            </table>
          </fieldset>
        </form>
      </div>
    </div>
    <!--con_box over-->
    <div class="clear"></div>
  </div>
  <!--content over--> 
</div>
{include file="footer.html"}
{include file="hidden_div.html"} 
<script type="text/javascript" src="{$js_path}/jquery.js"></script> 
<script type="text/javascript" src="{$js_path}/jquery-powerFloat.js"></script> 
<script type="text/javascript" src="{$js_path}/jquery.pngfix.js"></script> 
<script type="text/javascript" src="{$js_path}/scrolltopcontrol.js"></script> 
<script type="text/javascript" src="{$js_path}/myfloat.js"></script> 
<script type="text/javascript" src="{$js_path}/My97DatePicker/WdatePicker.js"></script> 
<script type="text/javascript" src="{$js_path}/jquery.validate.js"></script> 
<script type="text/javascript" src="{$js_path}/message.js"></script> 
<script type="text/javascript" src="{$js_path}/user.js"></script> 
<script>


	//验证用户输入
	 $(function(){
		 $("#myform").validate({
                    rules: {
                        qq:{
                            number:true,
                            maxlength:11
                        },
                        mobile_phone: {
                           maxlength:11,
                           minlength:11,
                           number:true

                        }
                    },
                    messages: {
                         qq:{
                            maxlength:'  *qq位数不能超过11位',
                            number:'  *QQ必须为数字'
                        },
                        mobile_phone:{
                            minlength:'  *手机号码必须为11位',
                            maxlength:'  *手机号码必须为11位',
                            number:'  *手机号码必须为数字'
                        }
                    }
                });
	})

</script>
</body>
</html>
